<script setup>
import { ref } from 'vue'

defineProps({
  menu: {
    type: Object,
    required: false,
    default(){
        return [
            {name:'首页',url:'/'},
            {name:'关于我们',url:'/about'},
            {name:'业务领域',url:'/services'},
            {name:'产品中心',url:'/products'},
            {name:'质量控制',url:'/qualitys'},
            {name:'新闻中心',url:'/newscenter'},
            {name:'联系我们',url:'/contacts'}
        ]
    }
  },
  isFooter: {
    type: Boolean,
    required: false,
    default(){
      return false
    }
  }
})

const count = ref(0)
</script>

<template>
    <ul class="w-auto block md:flex">
        <li class="px-6" :class="{'mobile:w-1/3 mobile:float-left mobile:text-center mobile:px-1':isFooter}" v-for="(item, index) in menu " v-show="index!=0||!isFooter"><a :href="item.url">{{ item.name }}</a></li>
    </ul>
</template>

<style scoped>
.read-the-docs {
  color: #888;
}
</style>
